<template>
  <Demo @hello="showHello" msg="Hello!" school="ABC">
    <template v-slot:slot1>
      <span>ABC</span>
    </template>
    <template v-slot:slot2>
      <span>ABC</span>
    </template>
  </Demo>
</template>

<script>
import Demo from "@/components/Demo";

export default {
  name: "App",
  components: {
    Demo,
  },
  setup(props, context) {
    function showHello(value) {
      alert(`Hello, ${value}`);
    }

    return {
      showHello
    };
  },
}
</script>

<style scoped>

</style>